<template>
  <div>
    <h3>我是首页</h3>
    <p>我是首页内容</p>
    <!-- 子路由展示区-->
    <router-link to="/home/news">news</router-link>
    <router-link to="/home/message">message</router-link>
    <router-view />
    {{ message }}
  </div>
</template>

<script>
export default {
  data () {
    return {
      message: '你好'
    }
  },

  methods: {},
  created () {
    console.log('created')
    document.title = '首页'
  },
  mounted () {
    console.log('mounted')
  },
  updated () {
    console.log('updated')
  }
}
</script>

<style scoped></style>
